<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:p="http://primefaces.org/ui" template="/layout/template.xhtml">
	<ui:define name="body">
	<script language="JavaScript" type="text/javascript">
		window.history.forward(-1);
	</script>
		<h1 class="title ui-widget-header ui-corner-all">#{message['gestion.contrato.tittle']}</h1>
		<h:form id="formConsultaContrato">
		<p:messages id="messages" showDetail="true"  closable="true"/>
		<p:panel>
		<p:fieldset id="fi" legend="#{message['gestion.contrato.buscar']}">
		
		<p:selectOneRadio  value="#{contratoForm.radio}"   >  
	        <f:selectItem itemLabel="#{message['gestion.contrato.opcion1']}" itemValue="1"/>
	        <f:selectItem itemLabel="#{message['gestion.contrato.opcion2']}" itemValue="2"/>
	        <f:selectItem itemLabel="#{message['gestion.contrato.opcion3']}" itemValue="3"/>
	        <p:ajax update="fi" />
        </p:selectOneRadio>
        <h:panelGrid columns="3" rendered="#{contratoForm.radio==1}" >
        <h:outputText value="#{message['contrato.tipo.documento']}" />
			<p:selectOneMenu id="tipoDoc" style="width:165px" value="#{contratoForm.idtipodoc}" required="true" 
				requiredMessage="#{message['contrato.tipo.documento.validation']}" >
				<f:selectItems value="#{comboAction.tipoDocumentoitems}" />
				<p:ajax update="nrodoc"/>
			</p:selectOneMenu>
			<p:spacer/>
					
			<h:outputText value="#{message['contrato.numero.documento']}" />
			<h:panelGroup id="nrodoc" >
				<p:inputMask id="numdoc1" value="#{contratoForm.numDniCliente}" mask="99999999"
					rendered="#{contratoForm.idtipodoc==1}" required="true" />
			
				<p:inputMask id="numdoc2" value="#{contratoForm.numDniCliente}" mask="99999999999"
					rendered="#{contratoForm.idtipodoc==2}" required="true"/>
			</h:panelGroup>
			
			</h:panelGrid>
			<h:panelGrid columns="3" rendered="#{contratoForm.radio==2}"  >
			<h:outputText value="#{message['gestion.codigo.contrato']}" />
			<p:inputText id="cod" value="#{contratoForm.codigoContrato}" required="true"/>
			</h:panelGrid>
			 <h:panelGrid columns="2" rendered="#{contratoForm.radio==3}" cellpadding="3" >
        	<h:outputText value="#{message['gestion.cliente.nombre']}" />
			<p:inputText id="nom" value="#{contratoForm.nombreCliente}" />
			<h:outputText value="#{message['gestion.cliente.apePat']}" />
			<p:inputText value="#{contratoForm.apePatCliente}"  />
			<h:outputText value="#{message['gestion.cliente.apeMat']}" />
			<p:inputText id="apm" value="#{contratoForm.apeMatCliente}" />
			</h:panelGrid>
			<p:commandButton value="#{message['gestion.contrato.busqueda']}" action="#{contratoForm.consultar}" update="messages" ajax="false"
				icon="ui-icon-search"/>
			</p:fieldset>
				
				<h:panelGrid  rendered="#{contratoForm.tamanoLista>1}" >
					<p:dataTable value="#{contratoForm.contratoXClienteList}" paginator="true"  rowsPerPageTemplate="5,10,15"  rows="5"
					var="c" style="width:800px" emptyMessage="#{message['rsltd.empty']}" >
						
						<f:facet name="header">
							<h:outputLabel value="#{message['rsltd.datatable']}" />
						</f:facet>
						
						<p:column headerText="#{message['consulta.contrato.nombreCompleto']}"  >
		                    <h:outputText value="#{c.tbCliente.nombresCompletos}" />
		                </p:column>
		                
		                <p:column headerText="#{message['consulta.contrato.fecEntrega']}"  >
		                    <h:outputText value="#{c.fechaEntregaString}" />
		                </p:column>
		                
		                <p:column headerText="#{message['consulta.contrato.numDoc']}"  >
		                    <h:outputText value="#{c.tbCliente.numdocumento}" />
		                </p:column>
		                
		                <p:column headerText="#{message['consulta.contrato.estado']}"  >
		                    <h:outputText value="#{c.tbEstadoGeneral.descripcion}" />
		                </p:column>
		                
		                <p:column headerText="#{message['consulta.cargar']}" >
			                <p:commandButton icon="ui-icon-arrowreturnthick-1-s" title="cargar"  action="#{contratoForm.cargar}" update=":formConsultaContrato" >
			                <f:setPropertyActionListener value="#{c.tbCliente.idcliente}" target="#{contratoForm.idcliente}" />
								<f:setPropertyActionListener value="#{c.idcontrato}" target="#{contratoForm.idcontrato}" />
							</p:commandButton>
						</p:column>
					</p:dataTable>
					</h:panelGrid>
					<h:panelGrid columns="2" >
					<p:fieldset legend="#{message['consulta.contrato.cliente']}" style="margin-top:30px" >
					<h:panelGrid columns="4" cellpadding="3"  >
					<h:outputText value="#{message['contrato.nombre']}" />
					<p:inputText value="#{contratoForm.objClienteSie.nombrecliente}" size="30" readonly="true"/>
					
					<h:outputText value="#{message['contrato.apepaterno']}" />
					<p:inputText value="#{contratoForm.objClienteSie.apepatcliente}" size="30" readonly="true"/>
					 
					<h:outputText value="#{message['contrato.apematerno']}" />
					<p:inputText  value="#{contratoForm.objClienteSie.apematcliente}" size="30" readonly="true"/>
					
					<h:outputText value="#{message['contrato.fechanac']}" />
					<p:inputText value="#{contratoForm.objClienteSie.fechaNacimientoString}" size="30" pattern="dd/MM/yyyy"  readonly="true"   />
					
					<h:outputText value="#{message['contrato.tipo.documento']}" />
					<p:inputText value="#{contratoForm.objClienteSie.tbTipoDocumentoIdentidad.descripcion}" readonly="true" size="30"/>
					
					<h:outputText value="#{message['contrato.numero.documento']}" />
					<p:inputText value="#{contratoForm.objClienteSie.numdocumento}" readonly="true" size="30"/>
					
					<h:outputText value="#{message['contrato.cliente.correo']}" />
					<p:inputText value="#{contratoForm.objClienteSie.correo}" readonly="true" size="30"/>
					
					<h:outputText value="#{message['contrato.empresa.labora.nombre']}" />
					<p:inputText value="#{contratoForm.objClienteSie.empresatrabajo}" readonly="true" size="30"/>
					
					<h:outputText value="#{message['contrato.empresa.cargo']}" />
					<p:inputText value="#{contratoForm.objClienteSie.cargotrabajo}" readonly="true" size="30"/>
					
					<h:outputText value="#{message['contrato.empresa.labora.direccion']}" />
					<p:inputText value="#{contratoForm.objClienteSie.directrabajo}" readonly="true" size="30"/>
					
					<h:outputText value="#{message['contrato.empresa.labora.telefono']}" />
					<p:inputText mask="999-9999" value="#{contratoForm.objClienteSie.telftrabajo}" readonly="true" size="30"/>
					
					<h:outputText value="#{message['contrato.cliente.tipo']}" />
					<p:inputText value="#{contratoForm.objClienteSie.tipoClienteString}" readonly="true" size="30" style="font-weight:bold" />
					</h:panelGrid>
					</p:fieldset>
					<p:fieldset legend="#{message['consulta.contrato.contrato']}"  style="margin-top:30px" >
					<h:panelGrid columns="2" cellpadding="3"  >
					<h:outputText value="#{message['contrato.codigo']}" />
					<p:inputText value="#{contratoForm.objContratoSie.codcontrato}" size="30" readonly="true"/>
					
					<h:outputText value="#{message['consulta.contrato.estado']}" />
					<p:inputText value="#{contratoForm.objContratoSie.tbEstadoGeneral.descripcion}" size="30"  readonly="true" style="font-weight:bold" />
					
					<h:outputText value="#{message['contrato.empresa']}" />
					<p:inputText value="#{contratoForm.objContratoSie.tbEmpresa.descripcion}" size="30" readonly="true"/>
					
					<h:outputText value="#{message['contrato.lugar.entrega']}" />
					<p:inputTextarea value="#{contratoForm.objContratoSie.lugarentrega}" size="30" readonly="true" rows="2" cols="30" />
					
					<h:outputText value="#{message['contrato.fecha.entrega']}" />
					<p:inputText value="#{contratoForm.objContratoSie.fechaentrega}" size="30" readonly="true"/>
					
					<h:outputText value="#{message['contrato.usuacriocreacion']}" />
					<p:inputText value="#{contratoForm.objContratoSie.usuariocreacion}" size="30" readonly="true"/>
					
					<h:outputText value="#{message['contrato.fecha.creacion']}" />
					<p:inputText value="#{contratoForm.objContratoSie.fechaCreacionString}" size="30" readonly="true"/>
					
					</h:panelGrid>
					</p:fieldset>
					<p:fieldset>
					<p:fieldset legend="#{message['contrato.domicilio']}" style="margin-top:30px" >
					<p:dataTable value="#{contratoForm.domicilioList}" var="do" style="width:650px" >
						<f:facet name="header">
							<h:outputLabel value="#{message['contrato.domicilio']}" />
						</f:facet>
						<p:column headerText="Domicilio" >
		                    <h:outputText value="#{do.domicilio}" />
		                </p:column>
		                <p:column headerText="Ubigeo" >
		                    <h:outputText value="#{do.desUbigeo}" rendered="#{do.desUbigeo!=null}" />
		                    <h:outputText value="#{do.ubicacion}" rendered="#{do.desUbigeo==null}"/>
		                </p:column>
		                <p:column headerText="#{message['consulta.plano.domicilio']}" >
		                    <h:outputText value="#{do.planoDomicilio}"/>
		                </p:column>
		                <p:column headerText="#{message['consulta.letra.domicilio']}" >
		                    <h:outputText value="#{do.letraDomicilio}"/>
		                </p:column>
		                <p:column headerText="#{message['consulta.sector.domicilio']}" >
		                    <h:outputText value="#{do.sectorDomicilio}"/>
		                </p:column>
		            </p:dataTable>
					<p:spacer style="with:20px" />
					</p:fieldset>
					<p:fieldset legend="#{message['cliente.contrato.telefono.referencia']}" style="margin-top:30px" >
					<p:dataTable value="#{contratoForm.telefonoList}" id="telefonoList" var="t" style="width:650px"
						rowStyleClass="#{t.operadorTelefonico eq 'Claro' ? 'colorRojo': (t.operadorTelefonico eq 'Movistar' ? 'color2': 'color3') }"   >
	
						<f:facet name="header">
							<h:outputLabel value="#{message['contrato.telef.referencia']}" />
						</f:facet>
							
						<p:column headerText="#{message['consulta.tipo.telefono']}" >
		                    <h:outputText value="#{t.tipoTelef}" />
		                </p:column>
		                <p:column headerText="#{message['consulta.operador.telefono']}" >
		                    <h:outputText value="#{t.operadorTelefonico}"/>
		                </p:column>
		                <p:column headerText="#{message['consulta.telefono']}" >
		                    <h:outputText value="#{t.telefono}" />
		                </p:column>
		                <p:column headerText="#{message['consulta.telef.desc']}" >
		                    <h:outputText value="#{t.descTelefono}" />
		                </p:column>
					</p:dataTable>
					</p:fieldset>
					</p:fieldset>
					<p:fieldset  legend="#{message['contrato.det.paquete']}" style="margin-top:30px" >
					<p:dataTable id="detPaqueteList" var="f" value="#{contratoForm.detProductoContrato}"    
					rowStyleClass="#{f.tbEstadoGeneral.idestadogeneral ==70 ? 'colorRojo':  'null' }" >
				
				        <f:facet name="header">
				            #{message['contrato.det.paquete']}
				        </f:facet>
				       
				        <p:column headerText="#{message['consulta.producto']}" style="width:125px">
				             <h:outputText value="#{f.tbProducto.descripcionproducto}" />
				        </p:column>
				        
				        <p:column headerText="#{message['consulta.obs']}" style="width:125px">
				              <h:outputText value="#{f.observacion}" />
				        </p:column>
				
				        <p:column headerText="#{message['consulta.cantidad']}" style="width:110px">
				               <h:outputText value="#{f.cantidad}"  />
				        </p:column>
				        
				        <p:column headerText="#{message['consulta.estado']}" style="width:110px">
				               <h:outputText value="#{f.tbEstadoGeneral.descripcion}"  />
				        </p:column>
				    </p:dataTable>
				</p:fieldset>
				
			   </h:panelGrid>
				<p:fieldset  legend="#{message['contrato.det.pago']}" style="margin-top:30px; colspan:2"   >
				
				<h:panelGrid id="panelCobranzas" columns="2" cellpadding="5"  >
				<p:fieldset  legend="Añadir Cuotas">
				<h:panelGrid   columns="2" cellpadding="5" cellspacing="10" >
				<h:outputText value="#{message['contrato.cantCuotas.nueva']}" />
				<p:spinner size="4" min="1" required="true"  value="#{contratoForm.cuotasNuevas}" />
				
				<h:outputText value="#{message['contrato.producto.precio.mensual']}" />
				<p:spinner value="#{contratoForm.precioMensual}" size="4"   min="1"  />
				
				<h:outputText value="#{message['contrato.producto.fecha.mensual']}" />
				<p:calendar value="#{contratoForm.fechaMensual}" pattern="dd/MM/yyyy" />
				
				<p:commandButton value="#{message['gestion.add.cuota']}" action="#{contratoForm.addCuota}" update="listaCobranzasEdit,messages" ajax="false" icon="ui-icon-plus"/>
				</h:panelGrid>
				</p:fieldset>
				<p:dataTable id="listaCobranzasEdit" var="c" value="#{contratoForm.cobranzaList}" editable="true" style=" width:100% " 
					rowStyleClass="#{contratoForm.dhoy le  c.fecvencimiento  ? null: (empty c.fecpago? 'colorRojo' : 'colorVerde')}">
		
		        <f:facet name="header">#{message['gestion.editar.cobranza']}</f:facet>
		
		        <p:ajax event="rowEdit" listener="#{contratoForm.onEdit}"  update="listaCobranzasEdit"/>
		        <p:ajax event="rowEditCancel" listener="#{contratoForm.onCancel}" update="listaCobranzasEdit" />
		
		        <p:column headerText="#{message['contrato.numero.letra']}"  >
		            <p:cellEditor>
		                <f:facet name="output"  >
		                    <h:outputText value="#{c.numletra}" />
		                </f:facet>
		                <f:facet name="input">
		                    <h:outputText value="#{c.numletra}" />
		                </f:facet>
		            </p:cellEditor>
		        </p:column>
		        
		        <p:column headerText="#{message['contrato.cobranza.importe']}" style="width:120px" >
		            <p:cellEditor>
		                <f:facet name="output">
		                    <h:outputText value="#{c.impinicial}" />
		                </f:facet>
		                <f:facet name="input">
		                    <p:spinner value="#{c.impinicial}" size="6"  min="0" rendered="#{empty c.fecpago}" />
		                    <h:outputText value="#{c.impinicial}"  rendered="#{!empty c.fecpago}" />
		                </f:facet>
		            </p:cellEditor>
		        </p:column>
		        <p:column headerText="#{message['consulta.dias.retrazo']}" style="width:120px">
					<p:cellEditor>
		                <f:facet name="output">
		                   <h:outputText value="#{c.diasretraso}" />
		                </f:facet>
		                <f:facet name="input">
		                    <p:spinner value="#{c.diasretraso}" size="6"  min="0"/>
		                </f:facet>
		            </p:cellEditor>
				</p:column>
				<p:column headerText="#{message['consulta.importe.masmora']}" style="width:120px">
					<p:cellEditor>
		                <f:facet name="output">
		                  <h:outputText value="#{c.importemasmora}" />
		                </f:facet>
		                <f:facet name="input">
		                   <p:spinner value="#{c.importemasmora}"  size="4" rendered="#{empty c.fecpago}" min="0" />
		                   <h:outputText value="#{c.importemasmora}"  rendered="#{!empty c.fecpago}" />
		                </f:facet>
		            </p:cellEditor>
				</p:column>
		        <p:column headerText="#{message['contraato.cobranza.fecVencimiento']}" style="width:120px">
		            <p:cellEditor>
		                <f:facet name="output">
		                    <h:outputText value="#{c.fechaVencimientoString}"  />
		                </f:facet>
		                <f:facet name="input">
		                  <p:calendar   value="#{c.fecvencimiento}" size="10" pattern="dd/MM/yyyy" rendered="#{empty c.fecpago}" /> 
		                  <h:outputText value="#{c.fechaVencimientoString}"  rendered="#{!empty c.fecpago}" />
		                </f:facet>
		            </p:cellEditor>
		        </p:column>
		        <p:column headerText="#{message['consulta.fec.pago']}" style="width:120px">
		         <p:cellEditor>
		                <f:facet name="output">
		                    <h:outputText value="#{c.fechaPagoString}"  />
		                </f:facet>
		                <f:facet name="input">
		                  <h:outputText value="#{c.fechaPagoString}"  />
		                </f:facet>
		            </p:cellEditor> 
				</p:column>
		        <p:column headerText="#{message['gestion.editar']}" style="width:50px">
		            <p:rowEditor />
		        </p:column>
		        </p:dataTable>
		        <br/>
		        <p:outputPanel autoUpdate="true" >
		        <h:outputText value="#{message['contrato.cobranza.total.acumulado']}" />
		        <p:inputText id="totalacumulado2" value="#{contratoForm.totalacumulado}" readonly="true" />
		        </p:outputPanel>
		        </h:panelGrid>
			   </p:fieldset>
			   
			   <p:fieldset legend="#{message['gestion.tittle']}"  style="margin-top:30px" >
					<h:panelGrid columns="2" cellpadding="4">
					<h:outputText value="#{message['consulta.contrato.estado']}" />
					<p:selectOneMenu value="#{contratoForm.estadoRefinan}" required="true" style="width:220px">
						<f:selectItems value="#{comboAction.estadoitems}" />
					</p:selectOneMenu>
					
					<h:outputText value="#{message['gestion.contrato.obs']}" />
					<p:inputTextarea value="#{contratoForm.objSeguimiento.observacion}" size="20" maxlength="300" cols="30"  rows="3" />
					
					<h:outputText value="#{message['gestion.contrato.doc']}" />
					<p:fileUpload fileUploadListener="#{contratoForm.cargarArchivoSustentatorio}" immediate="true" update="messages"
					label="Cargar archivo" allowTypes="/(\.|\/)(gif|jpe?g|png|doc|docx|pdf)$/" cancelLabel="Cancelar" uploadLabel="Subir"
					description="Seleccione archivo" multiple="false" customUI="true" required="true">
					</p:fileUpload>
					
					<h:outputText value="#{message['consulta.contrato.motivo']}" />
					<p:selectOneMenu value="#{contratoForm.idMotivo}" style="width:220px">
						<f:selectItems value="#{comboAction.motivoitems}" />
					</p:selectOneMenu>
					
					<p:commandButton value="#{message['gestion.contrato.registrar']}" action="#{contratoForm.registrarGestion}" update="messages" ajax="false"
					icon="ui-icon-disk"/>
					
			   		</h:panelGrid>
			   </p:fieldset>
			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>